<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>创建安全组规则</title>
		<link rel="stylesheet" href="../../css/index.css" /></link>
		<link rel="stylesheet" href="../../js/plugins/select/default-style/css/content_u6.css" />
	</head>
	<body>
	<div class="pop-page">
		<div class="pop-top pos-re of-h">
			<h2 class="pop-title"><a>创建安全组规则</a></h2>
			<a class="close-pop com_icon"></a>
		</div>
		<div class="pop-wrap pos-re of-h">
			<div class="pop-group mt-50">
				<label class="group-title">规则名称</label>
				<div class="config-select d-ib">
					<select class="select-normal" id="addprotocol" name="addprotocol">
		                <option id="made_tcp" value="made_tcp" selected="selected">定制TCP规则</option>
					    <option id="made_udp" value="made_udp">定制UDP规则</option>
					    <option id="made_icmp" value="made_icmp">定制ICMP规则</option>
					    <option id="other" value="other">其他协议</option>
					    <option id="all_tcp" value="all_tcp">所有TCP协议</option>
					    <option id="all_udp" value="all_udp">所有UDP协议</option>
					    <option id="all_icmp" value="all_icmp">所有ICMP协议</option>
					    <!-- 允许 IPv4 53/tcp from 0.0.0.0/0成功 -->
					    <option id="dns" value="53">DNS</option>
					    <option id="http" value="80">HTTP</option>
					    <option id="https" value="443">HTTPS</option>
					    <option id="imap" value ="143">IMAP</option>
					    <option id="imaps" value ="993">IMAPS</option>
					    <option id="ldap" value ="389">LDAP</option>
					    <option id="ms_sql" value="1433">MS SQL</option>
					    <option id="mysql" value="3306">MYSQL</option>
					    <option id="pop3" value="110">POP3</option>
					    <option id="pop3s" value ="995">POP3S</option>
					    <option id="rdp" value="3389">RDP</option>
					    <option id="smtp" value="25">SMTP</option>
					    <option id="smtps" value="465">SMTPS</option>
					    <option id="ssh" value="22">SSH</option>
		            </select>
				</div>
			</div>
			<div class="pop-group" id="direction_div">
				<label class="group-title">方向</label>
				<div class="config-select d-ib">
					<select class="select-normal" id="direction" name="direction">
			   			<option value="ingress" selected="selected">入口</option>
			    		<option value="egress">出口</option>
                    </select>
				</div>
			</div>
			<div class="pop-group" id="port_select_div">
				<label class="group-title">打开端口</label>
				<div class="config-select d-ib">
                    <select class="select-normal"  id="port_select" name="port_select">
			   			<option value="port_one" selected="selected">端口</option>
			    		<option value="port_range">端口范围</option>
                    </select>
				</div>
			</div>
			<div class="pop-group" id="port_div">
				<label class="group-title">端口</label>
				<div class="text-box">
					<input type="text" class="group-text" id="port" name="port"/>
				</div>
			</div>
			<div class="pop-group d-n" id="port_range_min_div">
				<label class="group-title">起始端口</label>
				<div class="text-box">
					<input type="text" class="group-text" id="port_range_min" name="port_range_min"/>
				</div>
			</div>
			<div class="pop-group d-n" id="port_range_max_div">
				<label class="group-title">结束端口</label>
				<div class="text-box">
					<input type="text" class="group-text" id="port_range_max" name="port_range_max"/>
				</div>
			</div>
			<div class="pop-group d-n" id="icmp_type_div">
				<label class="group-title">类型</label>
				<div class="text-box">
					<input type="text" class="group-text" id="icmp_type" name="icmp_type" />
				</div>
			</div>
			<div class="pop-group d-n" id="icmp_code_div">
				<label class="group-title">编码</label>
				<div class="text-box">
					<input type="text" class="group-text" id="icmp_code" name="icmp_code" />
				</div>
			</div>
			<div class="pop-group d-n" id="ip_div">
				<label class="group-title">IP协议</label>
				<div class="text-box">
					<input type="text" class="group-text" id="ip" name="ip" />
				</div>
			</div>
			<div class="pop-group" id="remote_ip_prefix_div">
				<label class="group-title">远程</label>
				<div class="config-select d-ib">
					<select class="select-normal" id="remote_ip_prefix" name="remote_ip_prefix">
			   			<option value="select_CIDR" selected="selected">CIDR</option>
			    		<option value="select_security_group">安全组</option>
                   </select>
				</div>
			</div>
			<div class="pop-group" id="cidr_div">
				<label class="group-title">CIDR</label>
				<div class="text-box">
					<input type="text" class="group-text" id="CIDR" name="CIDR" value="0.0.0.0/0" />
				</div>
			</div>
			<div class="pop-group d-n" id="security_group_div">
				<label class="group-title">安全组</label>
				<div class="config-select d-ib">
					<select class="select-normal" id="security_group" name="security_group">
      				</select>
				</div>
			</div>
			<div class="pop-group d-n" id="ethertype_div">
				<label class="group-title">输入类型</label>
				<div class="config-select d-ib">
					<select class="select-normal" id="ethertype" name="ethertype">
		   				<option value="IPv4" selected="selected">IPv4</option>
		    			<option value="IPv6">IPv6</option>
      				</select>
				</div>
			</div>
		</div>
		<div class="pop-foot">
			<a class="sure-set-ip pop_btn">确定</a>
		</div>
	</div>	
	</body>
	<script type="text/javascript" src="../../js/libs/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../../js/libs/jquery-ui/jquery.ui.core.min.js"></script>
	<script type="text/javascript" src="../../js/libs/jquery-ui/jquery.ui.widget.min.js"></script>
	<script type="text/javascript" src="../../js/libs/jquery-ui/jquery.ui.position.min.js"></script>
	<!--<script type="text/javascript" src="../../js/plugins/mouseWheel/js/jquery.mousewheel.js"></script>-->
	<script type="text/javascript" src="../../js/plugins/niceScroll/js/jquery.nicescroll.js"></script>
	<script type="text/javascript" src="../../js/plugins/select/default-style/js/jquery.zl_select_u6.js"></script>
	<script type="text/javascript" src="../../js/view/safetyGroup/create_safetyRule.js"></script>
</html>
